.wrapper{
	/* 让div高度和body一样高 */
	height: 100%;
	/* 让div的宽度和body一样宽 */
	width: 100%;
	/* 调试样式看边界 */
	/* border: 1px solid black; */
	
}
/* 标题区样式 */
.wrapper header{
	width: 100%;
	height: 12vw;
	/* border: 1px solid black; */
	display: flex;
	/* 字体标签和两个p之间保持相等的距离 */
	justify-content: space-between;
	/* 垂直居中效果 */
	align-items: center;
	/* 内边距 */
	padding: 0 10vw 0 1vw;
	/* 边框盒子模型样式保持div在使用了内边距情况下宽度不变 */
	box-sizing: border-box;
	color: #FFFFFF;
	background-color: #00AA91;
	/* 使用固定定位 */
	position: fixed;
	top: 0;
	left:0;
	/* 保证标题永远都在最上层 */
	z-index: 1000;
	font-size: 4.8vw;
}
/* 账户余额区域样式 */
.wrapper .total{
	width: 100%;
	background-color: #00AA91;
	color: #FFFFFF;
	position: fixed;
	left: 0;
	top: 12vw;
	padding: 0 2vw;
	box-sizing: border-box;
}
.wrapper .total .balance{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrapper .total .IncomeAndExpense{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 2vw 0;
}
/* 交易记录列表样式 */
.wrapper .transrecordList{
	margin-top: 30vw;
	width: 100%;
	padding: 0 2vw;
	box-sizing: border-box;
	
}
.wrapper .transrecordList li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2vw;
	box-sizing: border-box;
	color:  #00AA91;
	border-bottom: 2px solid #D3D3D3;
}
.wrapper .transrecordList li .account p{
	font-size: 4.6vw;
}